#mainBody {
	margin:0;
	padding:0; 
	width: 400px;
    /*height: 400px;*/
	background:white;
	font-family: sans-serif;
	font-size: 8pt;
	
	/*Disable text selection on taphold*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

#mainBody .loadingMsg{
	text-align: center;
	vertical-align: middle;
	height: 25px;
}

#mainBody #loadingFailure{
	text-align: center;
	vertical-align: middle;
	/*line-height: 50px;*/
	display: none;	
}

#mainBody #loadingFailure div {
	padding-top: 10px;
}


#mainBody a {outline: none;}
#mainBody  a:link {text-decoration:none;}
#mainBody  a:visited {text-decoration:none;}
#mainBody  a:hover {text-decoration:none;}
#mainBody  a:active {text-decoration:none;}
#mainBody input, #mainBody textarea{
	width: 250px;
	border: 1px solid #3366FF;
	border-right: 4px solid #3366FF;
}
#mainBody input:focus {
	-webkit-box-shadow: 0px 0px 5px #007eff;
	-moz-box-shadow: 0px 0px 5px #007eff;
	box-shadow: 0px 0px 5px #007eff;
}


/*Styles for dialog box*/
#mainBody div.block{
  overflow:hidden;
}
#mainBody div.block label{
  width: 60px;
  display:block;
  float:left;
  text-align:left;
  padding-top: 3px;
}
#mainBody div.block .input{
  width: 250px;
  margin-left:4px;
  float:left;
  font: inherit;
}

#mainBody .ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

#mainBody .bookmarkButton{
	margin-top: 20px;
}


/*Styles for tag cloud*/
#mainBody #tagCloudCanvasContainer {margin-left: -30px;}
/*
#tagCloudCanvasContainer span.w10, #tagCloudCanvasContainer span.w9, #tagCloudCanvasContainer span.w8, #tagCloudCanvasContainer span.w7 {text-shadow: 0px 1px 1px #ccc;}
#tagCloudCanvasContainer span.w3, #tagCloudCanvasContainer span.w2, #tagCloudCanvasContainer span.w1 {text-shadow: 0px 1px 1px #fff;}
*/
#mainBody .nav-buttons{float: right; width: 20px; margin: 0;}
#mainBody .nav-button{height: 13px; cursor: pointer;}

/*Styles for OrganicTabs*/
#mainBody  #tabs { background: white; 
	padding: 10px; 
	margin: 0 0 15px 0; 
	/*
	-moz-box-shadow: 0 0 5px #666; 
	-webkit-box-shadow: 0 0 5px #666; 
	*/
}

#mainBody  #tabs .nav { overflow: hidden; margin: 0 0 10px 0; padding-left: 20px; }
#mainBody  #tabs .nav li.text{ width: 80px; float: left; margin: 0 5px 0 0; }
#mainBody  #tabs .navBar { min-height: 0.5px; background-color: black; }
#mainBody  #tabs .nav li.last { margin-right: 0; }
#mainBody  #tabs .nav li.text a { display: block; padding: 5px; background: #959290; color: white; font-size: 8pt; text-align: center; border: 0; }
#mainBody  #tabs .nav li.text a:hover { background-color: #111; }

#mainBody  #tabs ul { list-style: none; }
#mainBody  #tabs ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#mainBody  #tabs ul li a:hover, #tabs ul li a:focus { background: #fe4902; color: white; }

#mainBody  #tabs ul li a.jqtree-toggler:hover, #tabs ul li a.jqtree-toggler:focus { background: #666; }

#mainBody  #tabs ul li:last-child a { border: none; }

#mainBody  #tabs li.nav-one a.current, ul.featured li a:hover { background-color: #0575f4; color: white; }
#mainBody  #tabs li.nav-two a.current, ul.core li a:hover { background-color: #d30000; color: white; }
#mainBody  #tabs li.nav-three a.current, ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#mainBody  #tabs li.nav-four a.current, ul.classics li a:hover { background-color: #FE4902; color: white; }
#mainBody  .hide, .ui-helper-hidden-accessible { position: absolute; top: -9999px; left: -9999px; }
#mainBody #list{margin-left: -40px;}

/*Styles for jqTree*/
#mainBody  #tabs ul li a.jqtree-toggler{padding: 0px;}
#mainBody  #tabs ul.jqtree-tree {margin-left: 0px;}

/*JQuery UI*/
#pluginBody .all-images{ background-image: url() !important;
}

#pluginBody .ui-icon-refresh { background-position: -64px -80px; }

#pluginBody .ui-icon-plus { background-position: -16px -128px; }
#pluginBody .ui-icon-plusthick { background-position: -32px -128px; }

#pluginBody .ui-widget{
	font-size: 8pt;
}

/*#pluginBody li.ui-menu-item { list-style-type: none; }*/

#pluginBody .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; /*font-size: 1em; font-family: Arial;*/ background: white; border: 1px solid; height: 70px; overflow: scroll;}
#pluginBody .ui-menu .ui-menu { margin-top: -3px; position: absolute; /*font-size: 1em; font-family: Arial;*/}
#pluginBody .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; font-size: 1em; font-family: Arial}
#pluginBody .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
#pluginBody .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px; line-height: 1.5; zoom: 1; font-weight: normal; font-size: 1em; font-family: Arial}
#pluginBody .ui-menu .ui-menu-item a.ui-state-focus,
#pluginBody .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px dotted #000000;}

#pluginBody .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
#pluginBody .ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
#pluginBody .ui-menu-icons { position: relative; }
#pluginBody .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
#pluginBody .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
#pluginBody .ui-menu .ui-menu-icon { position: static; float: right; }

/* This imageless css button was generated by CSSButtonGenerator.com */
#mainBody .screenButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 5px 2px 5px;
	background: -moz-linear-gradient(
		top,
		#f2f2f2 0%,
		#dadada);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f2f2f2),
		to(#dadada));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #848483;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(015,015,015,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(015,015,015,0);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(015,015,015,0);
	text-shadow:
		1px 1px 1px rgba(255,255,255,1),
		0px 0px 0px rgba(255,255,255,0);
}
#mainBody .bookmarkButton:hover:enabled {
	background-color:#dfdfdf;
}
#mainBody .bookmarkButton:active:enabled {
	position:relative;
	top:1px;
}
#mainBody .bookmarkButton:disabled{
	background-color:#ededed;
}
#mainBody #btnBlock{
	margin: 0 auto;
	width: 300px;
	text-align: right;
	padding-top: 20px;
}
#mainBody #searchListBoxContainer{
	margin: 0 auto;
	text-align: center;
}
#mainBody #searchListBox{
	width: 250px;
	font: inherit;
}

#mainBody #txtAnnotation{
	width: 248px !important;
}

#mainBody .veryDull{
	background-color: #bebaa7;
}

#mainBody a.disabled {
  opacity: 0.5
  pointer-events: none
  cursor: default
}

#mainBody span.jqtree_leaf:hover{
    text-decoration: underline;
}

/*Wait animation button*/

#mainBody #facebookG{
	width:32px;
	padding-left: 48%;
}

#mainBody .facebook_blockG{
background-color:#FFFFFF;
border:1px solid #000000;
float:left;
height:23px;
margin-left:1px;
width:6px;
opacity:0.1;
-moz-animation-name:bounceG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(0.7);
-webkit-animation-name:bounceG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(0.7);
-ms-animation-name:bounceG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(0.7);
-o-animation-name:bounceG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(0.7);
animation-name:bounceG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(0.7);
}

#mainBody #blockG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#mainBody #blockG_2{
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#mainBody #blockG_3{
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#mainBody @-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.2);
opacity:1}

100%{
-moz-transform:scale(0.7);
opacity:0.1}

}

@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.2);
opacity:1}

100%{
-webkit-transform:scale(0.7);
opacity:0.1}

}

@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.2);
opacity:1}

100%{
-ms-transform:scale(0.7);
opacity:0.1}

}

@-o-keyframes bounceG{
0%{
-o-transform:scale(1.2);
opacity:1}

100%{
-o-transform:scale(0.7);
opacity:0.1}

}

@keyframes bounceG{
0%{
transform:scale(1.2);
opacity:1}

100%{
transform:scale(0.7);
opacity:0.1}

}